<template>
	<view style="height: 700rpx;">
		<!-- <picker mode="multiSelector" header-text="请选择" :range="items" range-key></picker> -->
		<view class="title-box">
			<view class="">
				医院
			</view>
			<view class="">
				科室
			</view>
		</view>
		<picker-view indicator-style="height: 50px;" :value="value" @change="bindChange" style="height: 100%;">
			<picker-view-column>
				<view v-for="item in items" :key="item" style="line-height: 50px; text-align: center;">{{item}}
				</view>
			</picker-view-column>
			<picker-view-column>
				<view v-for="item in items" :key="item" style="line-height: 50px; text-align: center;">{{item}}
				</view>
			</picker-view-column>

		</picker-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: [9999, 1, 1],
				items: [1, 2, 3, 4, 5]
			};
		},
		methods: {
			bindChange(e) {
				console.log(111)
			}
		}
	}
</script>

<style lang="scss">
	.title-box {
		width: 100%;
		height: 150rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
</style>
